.{$numberinput-prefix}
  display block
  .{$numberinput-prefix}
    &-show
      position relative
      display flex
      flex-wrap wrap
      box-sizing border-box
      background-color white
      border-radius $border-radius-size
      border 1px solid $gray4-color
      vertical-align top
      transition all $transition-time linear
      padding 2px 2px 0
      font-size $font-size-mini
      cursor default
      &:hover
        border 1px solid $primary-color
      &.focusing
        border 1px solid $primary-color
        box-shadow 0 0 0 2px rgba($primary-color, .2)
    &-input
      flex 1
      min-width 80px
      max-width 100%
      border-color transparent !important
      line-height 13px
      font-size $font-size-mini
      height 24px
      margin-bottom 2px
      padding-left 5px
      border none
      &:hover, &:focus
        border none
        box-shadow none
    &-operate
      width 60px
      height 28px
      line-height 28px
      margin -2px -2px -2px 0
      > span
        display block
        float left
        width 50%
        font-size 17px
        text-align center
        border-left 1px solid $gray3-color
        cursor pointer
        transition color $transition-time ease
        &:hover
          color $primary-color
